<template xmlns:v-bind="http://www.w3.org/1999/xhtml">
<el-container>
  <el-header>
    测试网站
  </el-header>

  <el-main>
    <el-row :gutter="24" style="height: 400px;margin: 0px">

      <el-col :span="9" :offset="1"  style="margin-top: 30px">
        <el-carousel :interval="3000" arrow="always">
          <el-carousel-item v-for="(item,index) in imgList" :key="index">
            <img v-bind:src="item.idView" style="height: 320px">
          </el-carousel-item>
        </el-carousel>
      </el-col>
      <!------------------Jira------------------>
      <el-col :span="6" style="margin-top: 26px">
        <div  style="height: 150px">
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a href="http://18.16.200.66:8080/secure/Dashboard.jspa" target="_blank" class="item-icon">
                  <img src="../assets/images/poodle.png" />
                </a>
                <h3><a href="http://18.16.200.66:8080/secure/Dashboard.jspa" target="_blank" style="color: black;text-decoration: none">JiRa</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">项目跟踪系统</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn" href="http://18.16.200.66:8080/secure/Dashboard.jspa" target="_blank"><el-button type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>
      <!------------------Wiki------------------>
      <el-col :span="6" style="margin-top: 26px">
        <div  style="height: 150px">
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a href="http://18.16.200.44:8090/dashboard.action" target="_blank" class="item-icon">
                  <img src="../assets/images/jiqiren.png" />
                </a>
                <h3><a href="http://18.16.200.44:8090/dashboard.action" target="_blank" style="color: black;text-decoration: none">WiKi</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">协同创作系统</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn" href="http://18.16.200.44:8090/dashboard.action" target="_blank"><el-button type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>

      </el-col>
      <!------Jenkins-------->
      <el-col :span="6" style="height: 150px">
        <el-dialog title="请选择环境" :visible.sync="dialog_Jenkins" width="30%" :before-close="closeForm">
          <el-radio v-model="url" label="http://18.16.200.12:8080/jenkins/">sit</el-radio>
          <el-radio v-model="url" label="http://18.16.200.51:8080/jenkins/">uat</el-radio>
          <span slot="footer" class="dialog-footer">
            <el-button @click="dialog_Jenkins = false">取 消</el-button>
            <el-button type="primary" @click="Jump">确 定</el-button>
           </span>
        </el-dialog>
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a  @click="changeJenkins" target="_blank" class="item-icon">
                  <img src="../assets/images/heart.png" />
                </a>
                <h3><a  @click="changeJenkins" style="color: black;text-decoration: none">Jenkins</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">服务发布与持续集成</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn"  target="_blank"><el-button @click="changeJenkins"  type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>
      <!-----YApi------>
      <el-col :span="6">
        <div  style="height: 150px">
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a href="http://18.16.200.10:9010/group/191" target="_blank" class="item-icon">
                  <img src="../assets/images/timg.png" />
                </a>
                <h3><a href="http://18.16.200.10:9010/group/191"  target="_blank" style="color: black;text-decoration: none">YApi</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">项目接口文档</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn" href="http://18.16.200.10:9010/group/191" target="_blank"><el-button type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>

      </el-col>
    </el-row>

    <!---------常用入口管理------->
    <el-row :gutter="24" style="margin-top: 10px;">
      <el-col :offset="1" :span="21">
        <fieldset  style="border-left: none;border-top: 1px solid #DDD;border-right: none;border-bottom: none;"><legend style="font-size: 18px; font-weight: 600">常用入口集合</legend></fieldset>
      </el-col>
    </el-row >

    <!------第二行----------->
    <el-row :gutter="24" style="margin-top: 20px;">

      <!--------------OA系统---------->
      <el-col :span="5" :offset="1" style="margin-right: 16px;height: 150px">
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a href="http://oa.jishiyuloan.com/seeyon/main.do?method=index" target="_blank" class="item-icon">
                  <img src="../assets/images/cert_self.png" />
                </a>
                <h3><a href="http://oa.jishiyuloan.com/seeyon/main.do?method=index" style="color: black;text-decoration: none">OA</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">办公、流程、申请</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn" href="http://oa.jishiyuloan.com/seeyon/main.do?method=index" target="_blank"><el-button type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

      <!-----理财前台------------>
      <el-col :span="5" style="margin-right: 16px;height: 150px">
        <el-dialog title="请选择环境" :visible.sync="dialog_LiCai" width="30%" :before-close="closeForm">
          <el-radio v-model="url" label="http://pc.invstone.cn/">Web端sit</el-radio>
          <el-radio v-model="url" label="http://wx.invstone.cn/">微端sit</el-radio>
          <el-radio v-model="url" label="http://prepc.invstone.cn">uat</el-radio>
          <span slot="footer" class="dialog-footer">
            <el-button @click="dialog_LiCai = false">取 消</el-button>
            <el-button type="primary" @click="Jump">确 定</el-button>
           </span>
        </el-dialog>
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a  @click="changeLiCai" target="_blank" class="item-icon">
                  <img src="../assets/images/heart.png" />
                </a>
                <h3><a  @click="changeLiCai" style="color: black;text-decoration: none">BMS前台</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">个人理财金融网站</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn"  target="_blank"><el-button @click="changeLiCai"  type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

      <!-----BMS后台系统------------>

      <el-col :span="5" style="margin-right: 16px;height: 150px">
        <el-dialog title="请选择环境" :visible.sync="dialog_LiCai2" width="30%" :before-close="closeForm">
          <el-radio v-model="url" label="http://tbms.shitou.local/console/toLogin">sit</el-radio>
          <el-radio v-model="url" label="http://18.16.200.86:8080/console/toLogin">uat</el-radio>
          <span slot="footer" class="dialog-footer">
              <el-button @click="dialog_LiCai2 = false">取 消</el-button>
            <el-button type="primary" @click="Jump">确 定</el-button>
           </span>
        </el-dialog>
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a  @click="changeLiCai2" target="_blank" class="item-icon">
                  <img src="../assets/images/tapcode.png" />
                </a>
                <h3><a  @click="changeLiCai2" style="color: black;text-decoration: none">BMS后台</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">理财后台系统</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn"  target="_blank"><el-button @click="changeLiCai2"  type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

      <!----------理财调度中心--------------->
      <el-col :span="5" style="margin-right: 16px;height: 150px">
        <el-dialog title="请选择环境" :visible.sync="dialog_LiCaiDiaoDu" width="30%" :before-close="closeForm">
          <el-radio v-model="url" label="http://18.16.200.87:8081/xxl-admin/toLogin">sit</el-radio>
          <el-radio v-model="url" label="http://18.16.200.80:8071/xxl-admin/">uat</el-radio>
          <span slot="footer" class="dialog-footer">
            <el-button @click="dialog_LiCaiDiaoDu = false">取 消</el-button>
            <el-button type="primary" @click="Jump">确 定</el-button>
           </span>
        </el-dialog>
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a  @click="changeLiCaiDiaoDu" target="_blank" class="item-icon">
                  <img src="../assets/images/csr_check.png" />
                </a>
                <h3><a  @click="changeLiCaiDiaoDu" style="color: black;text-decoration: none">机构调度中心</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">job执行</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn"  target="_blank"><el-button @click="changeLiCaiDiaoDu"  type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>
    </el-row>

    <!--------第三行----------->
    <el-row :gutter="24" style="margin-top: 20px;">

      <!-----借款管理系统------------>
      <el-col :span="5" :offset="1" style="margin-right: 16px;height: 150px">
        <el-dialog title="请选择环境" :visible.sync="dialog_JiGou" width="30%" :before-close="closeForm">
          <el-radio v-model="url" label="http://tinstitution.shitou.local">sit</el-radio>
          <el-radio v-model="url" label="http://18.16.200.15:5202/">uat</el-radio>
          <span slot="footer" class="dialog-footer">
            <el-button @click="dialog_JiGou = false">取 消</el-button>
            <el-button type="primary" @click="Jump">确 定</el-button>
           </span>
        </el-dialog>
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a  @click="changeJiGou" target="_blank" class="item-icon">
                  <img src="../assets/images/padding.png" />
                </a>
                <h3><a  @click="changeJiGou" style="color: black;text-decoration: none">借款管理系统</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">借款申请、贷后管理</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn"  target="_blank"><el-button @click="changeJiGou"  type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

      <!--------------惠石---------->
      <el-col :span="5"  style="margin-right: 16px;height: 150px">
        <el-dialog title="请选择环境" :visible.sync="dialog_HuiShi" width="30%" :before-close="closeForm">
          <el-radio v-model="url" label="http://18.16.200.117:8008/login">sit</el-radio>
          <el-radio v-model="url" label="http://18.16.200.107:3003/login">uat</el-radio>
          <span slot="footer" class="dialog_HuiShi">
            <el-button @click="dialog_HuiShi = false">取 消</el-button>
            <el-button type="primary" @click="Jump">确 定</el-button>
           </span>
        </el-dialog>
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a  @click="changeHuiShi" target="_blank" class="item-icon">
                  <img src="../assets/images/mimetypes.png" />
                </a>
                <h3><a  @click="changeHuiShi" style="color: black;text-decoration: none">慧石</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">慧石</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn"  target="_blank"><el-button @click="changeHuiShi"  type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

      <!-----------机构调度中心----->
      <el-col :span="5" style="margin-right: 16px;height: 150px">
        <el-dialog title="请选择环境" :visible.sync="dialog_DiaoDu" width="30%" :before-close="closeForm">
          <el-radio v-model="url" label="http://18.16.200.44:8644/toLogin">sit</el-radio>
          <el-radio v-model="url" label="http://18.16.200.80:8222/toLogin	">uat</el-radio>
          <span slot="footer" class="dialog-footer">
            <el-button @click="dialog_DiaoDu = false">取 消</el-button>
            <el-button type="primary" @click="Jump">确 定</el-button>
           </span>
        </el-dialog>
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a  @click="changeDiaoDu" target="_blank" class="item-icon">
                  <img src="../assets/images/csr_check.png" />
                </a>
                <h3><a  @click="changeDiaoDu" style="color: black;text-decoration: none">理财调度中心</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">job执行</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn"  target="_blank"><el-button @click="changeDiaoDu"  type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

      <!----------git代码--------------->
      <el-col :span="5"  style="margin-right: 16px;height: 150px">
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a href="http://18.16.200.100" target="_blank" class="item-icon">
                  <img src="../assets/images/anonymous.png" />
                </a>
                <h3><a href="http://18.16.200.100" style="color: black;text-decoration: none">Git</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">代码管理</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn" href="http://18.16.200.100" target="_blank"><el-button type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>


    </el-row>


    <!----------------第四行------->
    <el-row :gutter="24" style="margin-top: 20px;">

      <!-----权限管理------------>
      <el-col :span="5" :offset="1" style="margin-right: 16px;height: 150px">
        <el-dialog title="请选择环境" :visible.sync="dialog_Role" width="30%" :before-close="closeForm">
          <el-radio v-model="url" label="http://testsecurity-admin.shitou.local/">sit</el-radio>
          <el-radio v-model="url" label="http://18.16.200.15:4005/">uat</el-radio>
          <span slot="footer" class="dialog-footer">
            <el-button @click="dialog_Role = false">取 消</el-button>
            <el-button type="primary" @click="Jump">确 定</el-button>
           </span>
        </el-dialog>
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a  @click="changeRole" target="_blank" class="item-icon">
                  <img src="../assets/images/itrole.png" />
                </a>
                <h3><a  @click="changeRole" style="color: black;text-decoration: none">权限管理系统</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">各平台账户权限设置</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn"  target="_blank"><el-button @click="changeRole"  type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

      <!--------------ESB后台---------->
      <el-col :span="5"  style="margin-right: 16px;height: 150px">
        <el-dialog title="请选择环境" :visible.sync="dialog_Esb" width="30%" :before-close="closeForm">
          <el-radio v-model="url" label="http://tesb-admin.shitou.local">sit</el-radio>
          <el-radio v-model="url" label="http://18.16.200.15:4001/">uat</el-radio>
          <span slot="footer" class="dialog_Esb">
            <el-button @click="dialog_Esb = false">取 消</el-button>
            <el-button type="primary" @click="Jump">确 定</el-button>
           </span>
        </el-dialog>
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a  @click="changeEsb" target="_blank" class="item-icon">
                  <img src="../assets/images/manage.png" />
                </a>
                <h3><a  @click="changeEsb" style="color: black;text-decoration: none">esb系统</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">服务管理平台</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn"  target="_blank"><el-button @click="changeEsb"  type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

      <el-col :span="5" style="margin-right: 16px;height: 150px">
        <div  style="height: 150px">
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a href="http://tcredit-bms.shitou.local/" target="_blank" class="item-icon">
                  <img src="../assets/images/poodle.png" />
                </a>
                <h3><a href="http://tcredit-bms.shitou.local/" target="_blank" style="color: black;text-decoration: none">征信系统</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">征信系统数据采集</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn" href="http://tcredit-bms.shitou.local/" target="_blank"><el-button type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>


    </el-row>

    <!---------过渡------->
    <el-row :gutter="24" style="margin-top: 40px;">
      <el-col :offset="1" :span="21">
        <fieldset  style="border-left: none;border-top: 1px solid #DDD;border-right: none;border-bottom: none;"><legend style="font-size: 18px; font-weight: 600">测试工具</legend></fieldset>
      </el-col>
    </el-row >

    <!----------测试工具------------>
    <el-row :gutter="24" style="margin-top: 30px">

      <!---------------------->
      <el-col :span="5" :offset="1" style="margin-right: 16px;height: 150px">
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a href="/" target="_blank" class="item-icon">
                  <img src="../assets/images/url.png" />
                </a>
                <h3><a href="#" style="color: black;text-decoration: none">测试家园</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">帮助手册</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn" href="#" target="_blank"><el-button type="primary" size="mini">期待中</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

      <!---------数据生成----------->
      <el-col :span="5" style="margin-right: 16px;height: 150px">
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a href="/stone/tool" target="_blank" class="item-icon">
                  <img src="../assets/images/csr_create.png" />
                </a>
                <h3><a href="/stone/tool" style="color: black;text-decoration: none">测试工具</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">数据生成、加解密、格式化</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn" href="/stone/tool" target="_blank"><el-button type="primary" size="mini">进入</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>
      <!----------自动化------------>
      <el-col :span="5" style="margin-right: 16px;height: 150px">
        <div >
          <div class="item">
            <div class="item-inner">
              <div class="item-hd">
                <a href="/login" target="_blank" class="item-icon">
                  <img src="../assets/images/mimetypes.png" />
                </a>
                <h3><a href="/login" style="color: black;text-decoration: none">API Case系统</a></h3>
              </div>
              <div class="item-bd">
                <div class="item-desc">Api的自动化测试</div>
              </div>
              <div class="item-ft">
                <span class="item-link"></span>
                <a class="item-btn" href="/login" target="_blank"><el-button type="primary" size="mini">期待中</el-button></a>
              </div>
            </div>
          </div>
        </div>
      </el-col>

    </el-row>
    <el-row style="margin-top:100px">
    </el-row>
  </el-main>
  <div class="fly-footer" style="margin-right: auto; margin-left: auto; width: 200px;">
    <p><a style="text-decoration: none" class="footer" target="_blank">石投金融-测试部 2019</a> </p>
  </div>
</el-container>
</template>

<script>
export default {
  name: 'home',
  data () {
    return {
      url :'none',
      dialog_LiCai:false,
      dialog_LiCai2:false,
      dialog_DiaoDu:false,
      dialog_JiGou:false,
      dialog_HuiShi:false,
      dialog_Jenkins:false,
      dialog_Role:false,
      dialog_Esb:false,
      dialog_LiCaiDiaoDu:false,
      imgList: [

        {id: 0, idView: require('../assets/images/homePicture/keji_2.jpg')},
        {id: 1,  idView: require('../assets/images/homePicture/keji12.jpg')},
        {id: 1,  idView: require('../assets/images/homePicture/jingrong_2.png')},
        {id: 1,  idView: require('../assets/images/homePicture/jingrong_1.jpg')},
        {id: 1,  idView: require('../assets/images/homePicture/jingrong_3.jpg')},
      ],
    }
  },
  methods: {
    closeForm: function () {
      this.dialog_LiCai = false;
      this.dialog_LiCai2 = false;
      this.dialog_DiaoDu = false;
      this.dialog_LiCaiDiaoDu = false;
      this.dialog_JiGou = false;
      this.dialog_HuiShi = false;
      this.dialog_Jenkins = false;
      this.dialog_Role = false;
      this.dialog_Esb = false;
    },

    /******打开弹出框*******/
    changeLiCai:function () {
      this.dialog_LiCai = true;
    },
    changeLiCai2:function () {
      this.dialog_LiCai2 = true;
    },
    changeLiCaiDiaoDu:function(){
      this.dialog_LiCaiDiaoDu = true;
    },
    changeDiaoDu:function(){
      this.dialog_DiaoDu = true;
    },
    changeJiGou:function(){
      this.dialog_JiGou = true;
    },
    changeHuiShi:function(){
      this.dialog_HuiShi = true;
    },
    changeJenkins:function(){
      this.dialog_Jenkins = true;
    },
    changeRole:function(){
      this.dialog_Role = true;
    },
    changeEsb:function(){
      this.dialog_Esb = true;
    },

    Jump:function () {
      if (this.url == 'none'){
        this.closeForm();
      } else {
        this.closeForm();
        window.open(this.url);
      }
    },
    Jump2:function () {
    this.closeForm();
    },
  },
}
</script>
<style>
  *{
    margin: 0;
    padding: 0;
  }
  .el-header{
    background-color: #183447;
    color: #d7dbde;
    text-align: left;
    line-height: 60px;
    font-family: "Heiti TC";
    font-size: 20px;
  }
  .el-carousel-item{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%; height-width: 100%
  }


</style>
